<template>
  <div class="ly-box">
    <div class="wrap">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'lyMobile'
}
</script>
<style lang="scss" scoped>
  $view_width: 320px;
  $view_height: 486px;

  .ly-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: $view_width + 8px;
    height: 665.88px;
    margin-left: -($view_width + 8px) / 2;
    margin-top: -338px;;
    background-image: url(../assets/phone.png);
		background-size:328px 665.88px;
    background-repeat: no-repeat;
		z-index: 2000;
		.icon-shanchu1{
		    position: absolute;
		    top: -140px;
		    right: -100px;
		    font-size:60px;
		    color:#fff;
				cursor:pointer;
		}
    > .wrap {
      position: absolute;
			top: 81px;
			left: 23px;
			width: 285px;
			height: 504px;
      background-color: #fff;
			// overflow: hidden;
    }
  }
</style>
